<template>
  <div class="dev-button">
    <h4>size</h4>mini:
    <bf-button type="info" size="mini">你好</bf-button>small:
    <bf-button type="info" size="small">你好</bf-button>default:
    <bf-button type="info">你好</bf-button>large:
    <bf-button type="info" size="large">你好</bf-button>

    <h4>type=default(默认)</h4>文字：
    <bf-button icon="list">你好</bf-button>文字disabled：
    <bf-button disabled icon="list">你好</bf-button>loading：
    <bf-button loading>你好</bf-button>

    <h4>type=primary</h4>文字：
    <bf-button type="primary" icon="list">你好</bf-button>文字disabled：
    <bf-button type="primary" disabled icon="list">你好</bf-button>loading：
    <bf-button type="primary" loading>你好</bf-button>

    <h4>type=danger</h4>文字：
    <bf-button type="danger" icon="list">你好</bf-button>文字disabled：
    <bf-button type="danger" disabled icon="list">你好</bf-button>loading：
    <bf-button type="danger" loading>你好</bf-button>

    <h4>type=warning</h4>文字：
    <bf-button type="warning" icon="list">你好</bf-button>文字disabled：
    <bf-button type="warning" disabled icon="list">你好</bf-button>loading：
    <bf-button type="warning" loading>你好</bf-button>

    <h4>type=success</h4>文字：
    <bf-button type="success" icon="list">你好</bf-button>文字disabled：
    <bf-button type="success" disabled icon="list">你好</bf-button>loading：
    <bf-button type="success" loading>你好</bf-button>

    <h4>type=info</h4>文字：
    <bf-button type="info" icon="list">你好</bf-button>文字disabled：
    <bf-button type="info" disabled icon="list">你好</bf-button>loading：
    <bf-button type="info" loading>你好</bf-button>

    <h4>type=text</h4>文字：
    <bf-button type="text" icon="list">你好</bf-button>文字disabled：
    <bf-button type="text" disabled icon="list">你好</bf-button>loading：
    <bf-button type="text" loading>你好</bf-button>

    <h4>block</h4>文字：
    <bf-button type="primary" block icon="list">你好</bf-button>文字disabled：
    <bf-button type="primary" disabled block icon="list">你好</bf-button>loading：
    <bf-button type="primary" block loading>你好</bf-button>

    <h4>circle</h4>文字：
    <bf-button type="primary" circle icon="plus">你好</bf-button>文字disabled：
    <bf-button type="primary" disabled circle icon="plus">你好</bf-button>loading：
    <bf-button type="primary" circle loading>你好</bf-button>
  </div>
</template>
